<template>
  <div class="dashboard-container">
    <div class="dashboard-text">前端95期: {{ name }}</div>
    <div>{{ $store.getters.heima }}</div>
    <div>{{ $store.state.app.testApp }}</div>
    <div>{{ $store.getters.testApp }}</div>
    <i class="el-icon-edit" />
    <i class="el-icon-share" />
    <i class="el-icon-delete" />
    <el-button type="primary" icon="el-icon-search">搜索</el-button>
    <div>
      <i class="fa fa-camera-retro fa-lg" />
    </div>
    <div>
      <span class="iconfont icon-aixin" />
    </div>
    <div>
      svg图片
      <svg-icon icon-class="eye" />
      <svg-icon icon-class="camera" />
      <svg-icon icon-class="line-111" />
    </div>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'

export default {
  name: 'Dashboard',
  computed: {
    // 下面的辅助函数没有带 模块名称，就说明getters是定义在根vuex里面的
    ...mapGetters([
      'name'
    ])
  }
}
</script>

<style lang="scss" scoped>
.dashboard {
  &-container {
    margin: 30px;
  }
  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}
</style>
